import { Card } from 'antd'
import React from 'react'
import './NumberCard.less'

const NumberCard = ({ total, count, color, background, title }) => (
  <Card className="number-card">
    <img className="number-card__image" src={background}/>
    <div className="number-card__title">{title}</div>
    <div className="number-card__body">
      <div className="number-card__body-item">
        <div style={{ color }} className="number-card__body-item-value">{count}</div>
        <div className="number-card__body-item-label">本月</div>
      </div>
      <div className="number-card__body-item">
        <div style={{ color }} className="number-card__body-item-value">{total}</div>
        <div className="number-card__body-item-label">年累计</div>
      </div>
    </div>
  </Card>
)

export default NumberCard
